<template>
	<view class="shop-intro-wrapper bg-w flex">
		<image 
			class="border-radius-16" 
			:src="shopIntro.pic" mode=""
			style="width: 132rpx;height: 132rpx;"
		></image>
		<view class="flex flex-align-center m-l-20 flex-space-between flex-1">
			<view class="m-t-10">
				<text class="font32 color-181D18 f-b">{{ shopIntro.name }}</text>	
				<view class="m-t-30 font28 color-8E8E8E">
					{{ shopIntro.followNum }}万人关注
				</view>	
			</view>	
			<view class="button-follow flex flex-center color-w font28 f-b">
				<image style="width: 32rpx;height: 30rpx; margin-right: 16rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static//home/ic_follow_w.png" mode=""></image>
				关注
			</view>
		</view>
	</view>
</template>

<script setup lang="">
	const props = defineProps({
		shopIntro: {
			type: Object,
			default: {}
		}
	})
</script>

<style lang="scss" scoped>
	.shop-intro-wrapper {
		padding: 18rpx;
		border-radius: 20rpx;
	}
	.button-follow {
		width: 152rpx;
		height: 64rpx;
		background: #3FA897;
		border-radius: 32rpx;
	}
</style>